@import './var.less';
@import 'element-plus/theme-chalk/dark/css-vars.css';

// 解决抽屉弹出时，body宽度变化的问题
.el-popup-parent--hidden {
  width: 100% !important;
}

// 登录页样式
// logo样式
.logon-form  .logoImg {
  width: 100%;
  height: 52px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  
  img {
    width: 310px;
  }
}
.logon-form   {
  padding: 60px 55px 133px 55px !important;
}
// 取消el-col样式
.logon-form  .el-col,
.logon-form .el-col-24{
  padding: 0!important;
  
}

// 输入框外下边距
.logon-form  .el-form-item--large {
  margin-bottom: 16px !important;
}
// 输入框高度
.logon-form  .el-input{
  height: 46px !important;
  }
  // 输入框圆角
  .logon-form .el-input--large .el-input__wrapper {
    border-radius: var(--boder-radius);
  }
  // 记住账号
  .logon-form .remeber {
padding-bottom: 21px;
  }
  // 登录按钮
  .logon-form .loginBtn {
height: 46px!important;
button {
  height: 100%;
  border-radius: var(--boder-radius);
  font-size: 16px;
}
  }
  .logon-form .el-icon{
    font-size: 16px !important;
  }

  // 东宝令验证
  .check-form   {
    padding: 60px 55px 38px 55px !important;
  }
  .check-form   .logoImg {
    width: 100%;
    height: 52px;
 
    display: flex;
    justify-content: center;
    img {
      width: 310px;
    }
  }
  .check-form .photo {
    width: 76px;
    height: 112px;
  }
  .check-form  .el-col,
  .check-form .el-col-24{
  padding: 0!important;
  
}
// 输入框外下边距
.check-form  .el-form-item--large {
  margin-bottom: 10px !important;
}
.check-form  .mfa {

  font-size: 22px !important;
  color: rgba(0, 0, 0, 0.9);
  line-height: 26px;
  padding-bottom: 5px;
  // margin-bottom: 15px;
  // margin: auto;
}
.check-form  .safe {
background-color: #FFF8EC !important;
border-radius: 4px;
height: 21.5px;
color: #F9B746;
display: flex;
align-items: center;
margin-bottom: 13px !important;
img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
}
.check-form  .photo {
  width: 100% !important;
  margin-bottom: 17px;
}
.check-form .tip {
  margin-bottom: 18px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.9);
  height: 15px;
  line-height: 15px;
}

.check-form .el-input{
  height: 46px !important;
  }
  // 输入框圆角
  .check-form .el-input--large .el-input__wrapper {
    border-radius: var(--boder-radius);
  }

    // 登录按钮
    .check-form .loginBtn {
      height: 46px!important;
      margin-top: 17px;
      margin-bottom: 10px;
      button {
        height: 100%;
        border-radius: var(--boder-radius);
        font-size: 16px;
      }
        }
        .check-form .text {
          color:#999 !important;
          font-size: 13px;
          height: 15px;
          line-height: 15px;
        }
  // 登录页样式